<div id="ficheProduitInfosDiv">

</div>

<script id="ficheProduitInfosTemplate" type="text/x-jsrender">
        <div class="row">
            <div class="large-6 medium-7 columns">
                <h2 class="nom">{{:nom}}</h2>
                <span class="prix">{{:prix}}€</span><br/>
                <label class="typeReveLabel">Type de rêve:<label>
                {{for categorieRevesDTO}}
                    <span class="typeReve">{{:libelle}}</span><br/>
                {{/for}}
            </div>
            <div class="large-2 large-offset-4 medium-3 medium-offset-2 columns">
                <a href="javascript:;" reve="{{:idReve}}"
                    class="button radius buy"
					data-reveal-id="myModal">
                    Acheter
                </a>
            </div>
        </div>
</script>

<script type="application/javascript">
    require(["jquery"], function () {
        $(document).ready(function () {
            require(["projetDreamUtils", "projetDreamFicheProduit"], function () {
                var idReve = projetDreamUtils.getUrlParameters("reve", "", true);
                if (idReve != null && idReve != undefined) {
                    projetDreamFicheProduit.initInfosReve(idReve);
                }
            });
        });
    });
</script>